/*
--------------------------------
    : Custom - Calender js :
--------------------------------
*/
!function($) {
    "use strict";
    var CalendarPage = function() {};
    CalendarPage.prototype.init = function() {
        /* -- checking if plugin is available -- */
        if ($.isFunction($.fn.fullCalendar)) {
            /* -- initialize the external events -- */
            $('#external-events .fc-event').each(function() {
                /* -- create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) -- */
                /* -- it doesn't need to have a start or end -- */
                var eventObject = {
                    title: $.trim($(this).text()) /* -- use the element's text as the event title -- */
                };
                /* -- store the Event Object in the DOM element so we can get to it later -- */
                $(this).data('eventObject', eventObject);
                /* -- make the event draggable using jQuery UI -- */
                $(this).draggable({
                    zIndex: 999,
                    revert: true, /* -- will cause the event to go back to its -- */
                    revertDuration: 0 /* -- original position after the drag -- */
                });
            });            
            /* -- initialize the calendar -- */
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                editable: true,
                eventLimit: true, /* -- allow "more" link when too many events -- */
                droppable: true, /* -- this allows things to be dropped onto the calendar !!! -- */
                drop: function(date, allDay) { /* -- this function is called when something is dropped -- */
                    /* -- retrieve the dropped element's stored Event Object -- */
                    var originalEventObject = $(this).data('eventObject');
                    /* -- we need to copy it, so that multiple events don't have a reference to the same object -- */
                    var copiedEventObject = $.extend({}, originalEventObject);
                    /* -- assign it the date that was reported -- */
                    copiedEventObject.start = date;
                    copiedEventObject.allDay = allDay;
                    /* -- render the event on the calendar -- */
                    /* -- the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) -- */
                    $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
                    /* -- is the "remove after drop" checkbox checked? -- */
                    if ($('#drop-remove').is(':checked')) {
                        /* -- if so, remove the element from the "Draggable Events" list -- */
                        $(this).remove();
                    }
                },
                events: [{
                    title: 'All Events',
                    start: new Date(y, m, 1)
                    },
                    {
                        title: 'Workshop',
                        start: new Date(y, m, d-10),
                        end: new Date(y, m, d-15),
                        color: '#6e81dc',
                    },
                    {
                        id: 999,
                        title: 'Meetup',
                        start: new Date(y, m, d-15, 12, 0),
                        allDay: false,
                        color: '#718093',
                    },
                    {
                        id: 999,
                        title: 'Repeat Meet up',
                        start: new Date(y, m, d+8, 16, 0),
                        allDay: false,
                        color: '#2d3646',
                    },
                    {
                        title: 'Appointment',
                        start: new Date(y, m, d, 10, 30),
                        allDay: false,
                        color: '#f44455',
                    },
                    {
                        title: 'Dinner',
                        start: new Date(y, m, d, 12, 0),
                        end: new Date(y, m, d, 14, 0),
                        allDay: false,
                        color: '#72d0fb',
                    },
                    {
                        title: 'Anniversary',
                        start: new Date(y, m, d+2, 19, 0),
                        end: new Date(y, m, d+2, 22, 30),
                        allDay: false,
                        color: '#5fc27e',
                    },
                    {
                        title: 'Click for Bootstrap',
                        start: new Date(y, m, 3),
                        end: new Date(y, m, 4),
                        url: 'https://getbootstrap.com/',
                        color: '#fcc100',
                    }]
            });            
            /* -- Add new event -- */
            /* -- Form to add new event -- */
            $("#add_event_form").on('submit', function(ev) {
                ev.preventDefault();
                var $event = $(this).find('.new-event-form'),
                    event_name = $event.val();
                if (event_name.length >= 3) {
                    var newid = "new" + "" + Math.random().toString(36).substring(7);
                    /* -- Create Event Entry -- */
                    $("#external-events").append(
                        '<div id="' + newid + '" class="fc-event">' + event_name + '</div>'
                    );
                    var eventObject = {
                        title: $.trim($("#" + newid).text()) /* -- use the element's text as the event title -- */
                    };
                    /* -- store the Event Object in the DOM element so we can get to it later -- */
                    $("#" + newid).data('eventObject', eventObject);
                    /* -- Reset draggable -- */
                    $("#" + newid).draggable({
                        revert: true,
                        revertDuration: 0,
                        zIndex: 999
                    });
                    /* -- Reset input -- */
                    $event.val('').focus();
                } else {
                    $event.focus();
                }
            });
        }
        else {
            alert("Calendar plugin is not installed");
        }
    },
    /* -- init -- */
    $.CalendarPage = new CalendarPage, $.CalendarPage.Constructor = CalendarPage
}
(window.jQuery),
/* -- initializing -- */
function($) {
    "use strict";
    $.CalendarPage.init()
}(window.jQuery);